<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" href="css/main.css">
</head>
<body>
<div id="top_wrap">
	<div id="top">
		<div id="top_content">
			<a href="#"><i></i>首页</a>
			<a href="#"><i></i>商城</a>
			<a href="#">我的订单</a>
			<a href="#">关于我们</a>
		</div>
	</div>
</div>
<!--关于我们-->
<div id="about_us">
	<div id="about_us_list">
			<ul>
				<li><h2>新手帮助</h2></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">自助服务</a></li>
				<li><a href="#">联系客服</a></li>
				<li><a href="#">意见反馈</a></li>
			</ul>
			<ul>
				<li><h2>新手帮助</h2></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">自助服务</a></li>
				<li><a href="#">联系客服</a></li>
				<li><a href="#">意见反馈</a></li>
			</ul>
			<ul>
				<li><h2>新手帮助</h2></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">自助服务</a></li>
				<li><a href="#">联系客服</a></li>
				<li><a href="#">意见反馈</a></li>
			</ul>
			<ul>
				<li><h2>新手帮助</h2></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">自助服务</a></li>
				<li><a href="#">联系客服</a></li>
				<li><a href="#">意见反馈</a></li>
			</ul>
			<ul>
				<li><h2>新手帮助</h2></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">自助服务</a></li>
				<li><a href="#">联系客服</a></li>
				<li><a href="#">意见反馈</a></li>
				<li><a href="#">规则众议院</a></li>
			</ul>
			<ul>
				<li><h2>新手帮助</h2></li>
				<li><a href="#">常见问题</a></li>
				<li><a href="#">自助服务</a></li>
				<li><a href="#">联系客服</a></li>
				<li><a href="#">意见反馈</a></li>
			</ul>
	</div>
	<div class="line">
			<span>©2019 Mogujie.com 杭州卷瓜网络有限公司</span>
	</div>
	<p>
		<span>营业执照：</span>
		<span>913301065526808764</span>
		<span>网络文化经营许可证：</span>
		<span>浙网文（2016）0349-219号</span>
		<span>增值电信业务经营许可证：</span>
		<span>浙B2-20110349</span>
		<span>安全责任书</span>
		<span>浙公网安备 33010602002329号</span>
	</p>
	<p>
		<span>互联网药品信息服务资格证书编号：（浙)-经营性-2018-0002</span>
		<span>浙网食A33010003</span>
		<span>出版物网络交易平台服务经营备案证</span>
		<span>（浙）网械平台备字[2018]第00006号</span>
	</p>
</div>

<header>
	<div>
		<a id="logo">
			<img src="img/logo.png" alt="">
		</a>
		<a href="#" id="cate_btn"><i></i>目录</a>
		<!--目录-->
		<section id="category">
			<ul>
				<h3>主题市场</h3>
				<li><a href="#">上衣</a></li>
				<li><a href="#">裙装</a></li>
				<li><a href="#">裤子</a></li>
				<li><a href="#">女鞋</a></li>
				<li><a href="#">美妆</a></li>
				<li><a href="#">包包</a></li>
				<li><a href="#">配饰</a></li>
				<li><a href="#">内衣</a></li>
				<li><a href="#">男友</a></li>
				<li><a href="#">母婴</a></li>
				<li><a href="#">家居</a></li>
				<li><a href="#">食品</a></li>
			</ul>
		
			<ul>
				<h3>热门品牌</h3>
				<li><a href="#">ZARA</a></li>
				<li><a href="#">CONVERSE</a></li>
				<li><a href="#">UNIQLO</a></li>
				<li><a href="#">NIKE</a></li>
				<li><a href="#">Charles&Keith</a></li>
				<li><a href="#">ICY</a></li>
				<li><a href="#">URBAN REVIVO</a></li>
				<li><a href="#">VANS</a></li>
				<li><a href="#">GUCCI</a></li>
				<li><a href="#">Bershka</a></li>
				<li><a href="#">CELINE</a></li>
				<li><a href="#">adidas</a></li>
				<li><a href="#">CHANEL</a></li>
				<li><a href="#">PUMA</a></li>
				<li><a href="#">Champion</a></li>
				<li><a href="#">BELENCIAGA</a></li>
				<li><a href="#">LOUIS VUITTON</a></li>
				<li><a href="#">Topshop</a></li>
				<li><a href="#">SICILY西西里</a></li>
				<li><a href="#">H&M</a></li>
			</ul>
			<ul>
				<h3>流行话题</h3>
				<li><a href="#">#今年第一场雪的出街首秀#</a></li>
				<li><a href="#">#这波奶茶色"喝"上身也不长胖#</a></li>
				<li><a href="#">#睡不醒不要紧，今天正好慵懒风#</a></li>
				<li><a href="#">#大衣就该敞开穿#</a></li>
				<li><a href="#">#嘻哈style安排上了,"豆芽"国家给发吗？#</a></li>
				<li><a href="#">#皮毛一体外套！燃烧我的卡路里！#</a></li>
				<li><a href="#">#150cm如何穿成170cm#</a></li>
				<li><a href="#">#看我一衣三穿的本事#</a></li>
			</ul>
			
		</section>
	</div>
	
	<div>
		<input type="text" placeholder="阔腿裤">
		<input type="button">
	</div>
	<div>
		<a href="#"><img src="img/message.png">消息</a>
		<a href="#"><img src="img/save.png">收藏</a>
		<a href="http://localhost/mogujie/html/carList.html" target="_blank" id="red_dot"><img src="img/car.png">购物车<span></span></span></a>
		<a href="#" id="download"><img src="img/code.png">下载APP</a>
		<section id="app_code">
			<img src="img/app_code.png">
		</section>
	</div>
	<div>
		<a href="http://localhost/mogujie/html/login.html" target="_blank"><img src="img/mogu_min.png">登陆</a>
	</div>
</header>
<main id="main">
	<div id="left" class="list"></div>
	<div id="content">
		<section id="wheel_plant">
			<img src="img/banner1.jpg" />
			<img src="img/banner2.jpg" />
			<img src="img/banner3.jpg" />
		</section>
		<div id="shopping">
			<h3><a href="#"></a></h3>
			<ul>
				<li><a href="#"><span></span><p>上衣</p></a></li>
				<li><a href="#"><span></span><p>裙装</p></a></li>
				<li><a href="#"><span></span><p>裤子</p></a></li>
				<li><a href="#"><span></span><p>内衣</p></a></li>
				<li><a href="#"><span></span><p>女鞋</p></a></li>
				<li><a href="#"><span></span><p>包包</p></a></li>
				<li><a href="#"><span></span><p>配饰</p></a></li>
				<li><a href="#"><span></span><p>男友</p></a></li>
				<li><a href="#"><span></span><p>美妆</p></a></li>
				<li><a href="#"><span></span><p>母婴</p></a></li>
				<li><a href="#"><span></span><p>家居</p></a></li>
				<li><a href="#"><span></span><p>食品</p></a></li>
			</ul>

			<nav>
				<a href="#">时尚套装</a>
				<a href="#">连衣裙</a>
				<a href="#">荷叶边雪纺衫</a>
				<a href="#">波点裙装</a>
				<a href="#">半身裙</a>
				<a href="#">牛仔裤</a>
				<a href="#">运动鞋</a>
				<a href="#">百塔T恤</a>
				<a href="#">小个子搭配</a>
				<a href="#">轻薄外套</a>
			</nav>
		</div>
		<div class="list waterfall"></div>
		<div class="list waterfall"></div>
		<div class="list waterfall"></div>
		
		
	</div>
	<div id="right" class="list"></div>
</main>
<script src="js/promise.js"></script>
<script src="js/index.js"></script>

</body>
</html>